/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #e22828; /* rgba(226, 40, 40, 1) */
  --ifm-color-primary-dark: #d31c1c; /* rgba(211, 28, 28, 1) */
  --ifm-color-primary-darker: #c71b1b; /* rgba(199, 27, 27, 1) */
  --ifm-color-primary-darkest: #a41616; /* rgba(164, 22, 22, 1) */
  --ifm-color-primary-light: #e53f3f; /* rgba(229, 63, 63, 1) */
  --ifm-color-primary-lighter: #e74b4b; /* rgba(231, 75, 75, 1) */
  --ifm-color-primary-lightest: #eb6e6e; /* rgba(235, 110, 110, 1) */
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
  /**
   * Search customization
   * @see https://github.com/cmfcmf/docusaurus-search-local/issues/107#issuecomment-1119831938
   * @see https://www.algolia.com/doc/ui-libraries/autocomplete/api-reference/autocomplete-theme-classic/#param-text-colors
   */
  --aa-primary-color-rgb: 226, 40, 40 !important;
  --aa-muted-color-rgb: 226, 40, 40 !important;
  --aa-input-border-color-rgb: 218, 221, 225 !important; /* match doc theme border #dadde1 */
  --aa-input-border-color-alpha: 1 !important;
  --aa-selected-color-rgb: 226, 40, 40 !important;
}

[data-theme='dark'] {
  --ifm-color-primary: #ff8c2f; /* rgba(255, 140, 47, 1) */
  --ifm-color-primary-dark: #ff7b11; /* rgba(255, 123, 17, 1) */
  --ifm-color-primary-darker: #ff7302; /* rgba(255, 115, 2, 1) */
  --ifm-color-primary-darkest: #d35f00; /* rgba(211, 95, 0, 1) */
  --ifm-color-primary-light: #ff9d4d; /* rgba(255, 157, 77, 1) */
  --ifm-color-primary-lighter: #ffa55c; /* rgba(255, 165, 92, 1) */
  --ifm-color-primary-lightest: #ffbe8a; /* rgba(255, 190, 138, 1) */
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
  --aa-primary-color-rgb: 255, 140, 47 !important;
  --aa-muted-color-rgb: 255, 140, 47 !important;
  --aa-input-background-color-rgb: 27, 27, 29 !important;
  --aa-background-color-rgb: 36, 37, 38 !important;
  --aa-input-border-color-rgb: 68, 73, 80 !important;  /* match doc theme border #444950 */
  --aa-input-border-color-alpha: 1 !important;
  --aa-selected-color-rgb: 255, 140, 47 !important;
}

div[class^="announcementBar_"] {
  font-weight: 700;
  background: linear-gradient(to right,#E22828 0%,#FF8C2F 100%);
}

navpath {
  display: inline-flex;
  justify-content: center;
  vertical-align: baseline;
    height: 24px;
    width: auto;
    line-height: 23px;

    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    padding-right: 5px;
    padding-left: 5px;
    outline: 1px solid black;
    outline-offset: -2px;
    text-shadow: 1px 1px 1px #ffffff80;
    background-color: #ef9334;
    color: black;
    font-size: 16px;
    font-weight: bold; 
}
